.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

html {
    width: 100%;
    height: 100vh;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    box-shadow: 0px 0px 218px rgba(51, 51, 51, 1) inset, 0 10px 10px rgba(0, 0, 0, 0.5);
}

a {
    width: 100%;
    height: 100%;
}

.shou {
    width: 28%;
    position: absolute;
    left: 35.5%;
    top: 20%;
    dl {
        dt {
            float: left;
            img {
                .px2rem(width, 84);
                .px2rem(height, 84);
            }
        }
        dd {
            float: left;
            padding-left: 3%;
        }
        dd:nth-child(2) {
            float: left;
            padding-top: 2%;
            h1 {
                .px2rem(font-size, 52);
            }
        }
        dd:nth-child(3) {
            .px2rem(font-size, 20);
            float: left;
            padding-top: 4%;
        }
    }
}

.box {
    position: absolute;
    left: 25%;
    top: 32%;
    color: #333333;
    .px2rem(font-size, 32);
}

.isd {
    position: absolute;
    left: 45%;
    top: 38%;
    color: #333333;
    .px2rem(font-size, 60);
}

.footer {
    width: 20%;
    position: absolute;
    left: 43%;
    bottom: 7%;
    dl {
        dt {
            float: left;
            img {
                .px2rem(width, 66);
                .px2rem(height, 66);
            }
        }
        dd {
            float: left;
            color: #fff;
            padding-left: 5%;
        }
        dd:nth-child(2) {
            padding-top: 7%;
            h3 {
                .px2rem(font-size, 28);
            }
        }
        dd:nth-child(3) {
            .px2rem(font-size, 15);
            padding-top: 4%;
        }
    }
}